<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>My I Link</title>
<style type="text/css" title="Xml2Rfc (sans serif)">
td.zero{text-align: left; vertical-align: middle;}
td.first{width: 150px; text-align: left; vertical-align: middle;}
td.second{width: 25px; text-align: left; vertical-align: middle;}
td.color{font-weight: bold; color: #CC33CC; vertical-align: middle;}
</style>
</head><body>
<a href="" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="http://3.bp.blogspot.com/-FW1YXKycgao/UakNCLLUTKI/AAAAAAAAC8E/YbiSG-CKGig/s1600/mylinklogothumb.png" /></a>My i Link : A simple widget for easy image hyper linking (web address with picture) with image rollover or image reflection effect, every page load or refresh will display a new hyper link and new image which are you entered in settings, you can add up to 5 link and image as you like. This user friendly widget allows you customize border colors that matching to your blog.<br />
<!--more-->
<a href="" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-qb5rDkrHRkc/UakM734BIEI/AAAAAAAAC78/9leduGd4yPg/s1600/mylinklogo.png" /></a><br />
<br />
<br />



<script type="text/javascript" src="http://widgetad.googlecode.com/svn/tags/jscolor/jscolor.js"></script>
<table style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="2" cellspacing="2">
  <tbody>
     <tr>
      <td class="first">Home URL</td>
   <td class="second">:</td>
      <td class="zero"><input id="mlhome" value="http://widgetad.blogspot.com" type="url"><br></td>
    </tr>
     <tr>
      <td class="first">Special Effect</td>
   <td class="second">:</td>
      <td class="zero">
   <select id="mlbr">
  <option value="" selected>No</option>
  <option value="http://widgetad.googlecode.com/svn/widgetad/js/reflection/reflection.js">Image Reflect</option>
  <option value="http://widgetad.googlecode.com/svn/widgetad/js/imro/widgetadIMRO.js">Image Change</option>
</select></td>
    </tr>
     <tr>
      <td class="first">Reflection Height - 1 to 100</td>
   <td class="second">:</td>
      <td class="zero"><input id="mlrh" value="30" type="text"><br></td>
    </tr>	
     <tr>
      <td class="first">Reflection Opacity - 1 to 100</td>
   <td class="second">:</td>
      <td class="zero"><input id="mlro" value="50" type="text"><br></td>
    </tr>
     <tr>
      <td class="first">Show Border</td>
   <td class="second">:</td>
      <td class="zero">
   <select id="mlb">
  <option value="0" selected>No</option>
  <option value="1"> 1 px</option>
  <option value="2"> 2 px</option>
  <option value="3"> 3 px</option>
  <option value="4"> 4 px</option>
  <option value="5"> 5 px</option>
  <option value="6"> 6 px</option>
</select></td>
    </tr>
     <tr>
      <td class="first">Show Border</td>
   <td class="second">:</td>
      <td class="zero">
   <select id="mlbs">
  <option value="solid" selected>Solid</option>
  <option value="double">Double</option>
  <option value="dashed">Dashed</option>
  <option value="ridge">Ridge</option>
  <option value="groove">Groove</option>
  <option value="inset">Inset</option>
  <option value="outset">Outset</option>  
</select></td>
    </tr>
     <tr>
      <td class="first">Border Color</td>
   <td class="second">:</td>
      <td class="zero"><input id="mlbc" class="color" value="FFF45C" type="text"></td>
    </tr> 
      <tr>
      <td class="first">Widget Width</td>
   <td class="second">:</td>
      <td class="zero"><input id="mliw" value="300" type="text"></td>
    </tr>
      <td class="first">Widget Height</td>
   <td class="second">:</td>
      <td class="zero"><input id="mlih" value="300" type="text"></td>
    </tr>
      <td class="first">Content Width (must be 20px less than Widget Width)</td>
   <td class="second">:</td>
      <td class="zero"><input id="mlwt" value="290" type="text"></td>
    </tr>	
  </tbody>
  </table>
 <!-- --> 
<hr></hr>
<!--Show slot1-->
 <table style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="2" cellspacing="2">
  <tbody>  


     <tr>
  <script>
function showSlot1(showslot1)
{
if(showslot1)
{
document.getElementById("showslot1div").style.display = "";
}
else
{
document.getElementById("showslot1div").style.display = "none";
}

}
</script>
      <td class="first">Show Slot 1</td>
   <td class="second">:</td>
      <td class="zero"><input id="zk1" type="checkbox"  value="n" onclick="showSlot1(this.checked);" onchange="if(this.checked) this.value='y'; else this.value='n';"></td>  
    </tr>
  </tbody>
</table> 
<div id="showslot1div" style="display:none;">
<table style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="2" cellspacing="2">
  <tbody>
     <tr>
      <td class="first">Slot 1 Image URL</td>
   <td class="second">:</td>
     <td class="zero"><input id="mli0" value="http://pardhtechs.appspot.com/img/myilink/seagirl.gif" type="text"></td>
    </tr>
     <tr>
      <td class="first">Slot 1 Link URL</td>
   <td class="second">:</td>
     <td class="zero"><input id="mll0" value="http://j.gs/2F6u" type="text"></td>
    </tr>
     <tr>
      <td class="first">Slot 1 Tittle Text</td>
   <td class="second">:</td>
     <td class="zero"><input id="mlt0" value="my-i-link-random-image-link-widget" type="text"></td>
    </tr>
     <tr>
      <td class="first">Slot 1 Change Image URL</td>
   <td class="second">:</td>
     <td class="zero"><input id="mli0h" value="http://pardhtechs.appspot.com/img/myilink/forestgirl.gif" type="text"></td>
    </tr>
  </tbody>
</table> 
</div>
<!--Show slot1-->
<hr></hr>

<!--Show slot2-->
 <table style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="2" cellspacing="2">
  <tbody>  


     <tr>
  <script>
function showSlot2(showslot2)
{
if(showslot2)
{
document.getElementById("showslot2div").style.display = "";
}
else
{
document.getElementById("showslot2div").style.display = "none";
}

}
</script>
      <td class="first">Show Slot 2</td>
   <td class="second">:</td>
      <td class="zero"><input id="zk2" type="checkbox"  value="n" onclick="showSlot2(this.checked);" onchange="if(this.checked) this.value='y'; else this.value='n';"></td>  
    </tr>
  </tbody>
</table> 
<div id="showslot2div" style="display:none;">
<table style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="2" cellspacing="2">
  <tbody>
     <tr>
      <td class="first">Slot 2 Image URL</td>
   <td class="second">:</td>
     <td class="zero"><input id="mli1" value="http://pardhtechs.appspot.com/img/myilink/fsh.png" type="text"></td>
    </tr>
     <tr>
      <td class="first">Slot 2 Link URL</td>
   <td class="second">:</td>
     <td class="zero"><input id="mll1" value="http://j.gs/2F6s" type="text"></td>
    </tr>
     <tr>
      <td class="first">Slot 2 Tittle Text</td>
   <td class="second">:</td>
     <td class="zero"><input id="mlt1" value="feed-scroller-widget" type="text"></td>
    </tr>
     <tr>
      <td class="first">Slot 2 Change Image URL</td>
   <td class="second">:</td>
     <td class="zero"><input id="mli1h" value="http://pardhtechs.appspot.com/img/myilink/fs.png" type="text"></td>
    </tr>
  </tbody>
</table> 
</div>
<!--Show slot2-->
<hr></hr>
<!--Show slot3-->
 <table style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="2" cellspacing="2">
  <tbody>  


     <tr>
  <script>
function showSlot3(showslot3)
{
if(showslot3)
{
document.getElementById("showslot3div").style.display = "";
}
else
{
document.getElementById("showslot3div").style.display = "none";
}

}
</script>
      <td class="first">Show Slot 3</td>
   <td class="second">:</td>
      <td class="zero"><input id="zk3" type="checkbox"  value="n" onclick="showSlot3(this.checked);" onchange="if(this.checked) this.value='y'; else this.value='n';"></td>  
    </tr>
  </tbody>
</table> 
<div id="showslot3div" style="display:none;">
<table style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="2" cellspacing="2">
  <tbody>
     <tr>
      <td class="first">Slot 3 Image URL</td>
   <td class="second">:</td>
     <td class="zero"><input id="mli2" value="http://pardhtechs.appspot.com/img/myilink/Chakra0.png" type="text"></td>
    </tr>
     <tr>
      <td class="first">Slot 3 Link URL</td>
   <td class="second">:</td>
     <td class="zero"><input id="mll2" value="http://j.gs/2F77" type="text"></td>
    </tr>
     <tr>
      <td class="first">Slot 3 Tittle Text</td>
   <td class="second">:</td>
     <td class="zero"><input id="mlt2" value="Do a Blink" type="text"></td>
    </tr>
     <tr>
      <td class="first">Slot 3 Change Image URL</td>
   <td class="second">:</td>
     <td class="zero"><input id="mli2h" value="http://pardhtechs.appspot.com/img/myilink/Chakra.png" type="text"></td>
    </tr>
  </tbody>
</table> 
</div>
<!--Show slot3-->
<hr></hr>
<!--Show slot4-->
 <table style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="2" cellspacing="2">
  <tbody>  


     <tr>
  <script>
function showSlot4(showslot4)
{
if(showslot4)
{
document.getElementById("showslot4div").style.display = "";
}
else
{
document.getElementById("showslot4div").style.display = "none";
}

}
</script>
      <td class="first">Show Slot 4</td>
   <td class="second">:</td>
      <td class="zero"><input id="zk4" type="checkbox"  value="n" onclick="showSlot4(this.checked);" onchange="if(this.checked) this.value='y'; else this.value='n';"></td>  
    </tr>
  </tbody>
</table> 
<div id="showslot4div" style="display:none;">
<table style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="2" cellspacing="2">
  <tbody>
     <tr>
      <td class="first">Slot 4 Image URL</td>
   <td class="second">:</td>
     <td class="zero"><input id="mli3" value="http://pardhtechs.appspot.com/img/myilink/Ganesh.gif" type="text"></td>
    </tr>
     <tr>
      <td class="first">Slot 4 Link URL</td>
   <td class="second">:</td>
     <td class="zero"><input id="mll3" value="http://www.osimiso.tk/" type="text"></td>
    </tr>
     <tr>
      <td class="first">Slot 4 Tittle Text</td>
   <td class="second">:</td>
     <td class="zero"><input id="mlt3" value="osimiso" type="text"></td>
    </tr>
     <tr>
      <td class="first">Slot 4 Change Image URL</td>
   <td class="second">:</td>
     <td class="zero"><input id="mli3h" value="http://pardhtechs.appspot.com/img/myilink/ganesh1.png" type="text"></td>
    </tr>
  </tbody>
</table> 
</div>
<!--Show slot4-->
<hr></hr>
<!--Show slot5-->
 <table style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="2" cellspacing="2">
  <tbody>  


     <tr>
  <script>
function showSlot5(showslot5)
{
if(showslot5)
{
document.getElementById("showslot5div").style.display = "";
}
else
{
document.getElementById("showslot5div").style.display = "none";
}

}
</script>
      <td class="first">Show Slot 4</td>
   <td class="second">:</td>
      <td class="zero"><input id="zk4" type="checkbox"  value="n" onclick="showSlot5(this.checked);" onchange="if(this.checked) this.value='y'; else this.value='n';"></td>  
    </tr>
  </tbody>
</table> 
<div id="showslot5div" style="display:none;">
<table style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="2" cellspacing="2">
  <tbody>
     <tr>
      <td class="first">Slot 5 Image URL</td>
   <td class="second">:</td>
     <td class="zero"><input id="mli4" value="http://pardhtechs.appspot.com/img/myilink/forestgirl.gif" type="text"></td>
    </tr>
     <tr>
      <td class="first">Slot 5 Link URL</td>
   <td class="second">:</td>
     <td class="zero"><input id="mll4" value="http://j.gs/2F6u" type="text"></td>
    </tr>
     <tr>
      <td class="first">Slot 5 Tittle Text</td>
   <td class="second">:</td>
     <td class="zero"><input id="mlt4" value="random-image-link" type="text"></td>
    </tr>
     <tr>
      <td class="first">Slot 5 Change Image URL</td>
   <td class="second">:</td>
     <td class="zero"><input id="mli4h" value="http://pardhtechs.appspot.com/img/myilink/seagirl.gif" type="text"></td>
    </tr>
  </tbody>
</table> 
</div>
<!--Show slot4-->
<hr></hr>







<table style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="2" cellspacing="2">
  <tbody>


     <tr>
      <td class="first"></td>
   <td class="second"></td>
      <td class="zero"><input onclick="makechanges();" value="Update" type="button"></td>
    </tr>
    </tr>  
  </tbody>
</table>

<table style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="2" cellspacing="2">
  <tbody>
      <tr>
      <td class="first">Add Widget to Blogger</td>
    <td class="second">:</td>
      <td class="zero">
<center>
 <div>
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<span style="font-size: large;">
<b>Widget Name: </b>
</span>
<input name="widget.title" size="25" type="text" value="My ! Link" />
</center>
<br>
<center>
<input name="go" style="font-size: 12px; width: auto;" type="submit" value="Add This Customized Widget to Blogger" />
<textarea id="bloggercode" name="widget.content" style="display: none; height: 0px; width: 0px;">

</textarea>
<input name="infoUrl" type="hidden" value="http://widgetad.blogspot.com/" />
<input name="logoUrl" type="hidden" value="http://widgetad.googlecode.com/svn/widgetad/widget/tools/myilink/mylinklogo.png" />
</form>
</div><br/><br/>
 <div>
<script type="text/javascript">
<!--
function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=0,width=500,height=500,left = 390,top = 110');");
}
// -->
</script>
<input type="button" onClick="javascript:popUp('http://adspotblog.blogspot.com/2013/05/my-i-link-widget-add-to-blogger.html')" title="Add to Blogger" value="Add This Widget's Blogger Version" >
</div>
</center>
   </td>
    </tr>
      <tr>
      <td class="first"></td>
    <td class="second"></td>
      <td class="zero"><div id="cubecode"></div></td>
    </tr> 
 
 
 
     <tr>
      <td class="first"></td>
   <td class="second"></td>
      <td class="color">Copy and Paste Widget Code on Your Website:</td>
    </tr> 
     <tr>
      <td class="first"></td>
   <td class="second"></td>
      <td class="zero"><form>
<textarea id="generatedcode" name="select" rows="8" cols="60" readonly="readonly" onclick="javascript:this.form.select.focus();this.form.select.select();">

</textarea>
</form></td>
    </tr>  
  </tbody>
</table>

<br>
<script type="text/javascript">
function makechanges(){
var currentTime = new Date();
document.getElementById('cubecode').innerHTML = "<center\/><iframe src=\"http://www.gmodules.com/ig/ifr?url=http://widgetad.googlecode.com/svn/widgetad/widget/tools/myilink/myilink_1-1.xml&amp;up_mlbr="+document.getElementById('mlbr').value+"&amp;up_mlrh="+document.getElementById('mlrh').value+"&amp;up_mlro="+document.getElementById('mlro').value+"&amp;up_mlb="+document.getElementById('mlb').value+"&amp;up_mlbc="+document.getElementById('mlbc').value+"&amp;up_mlbs="+document.getElementById('mlbs').value+"&amp;up_mli0="+document.getElementById('mli0').value+"&amp;up_mll0="+document.getElementById('mll0').value+"&amp;up_mlt0="+document.getElementById('mlt0').value+"&amp;up_mli0h="+document.getElementById('mli0h').value+"&amp;up_mli1="+document.getElementById('mli1').value+"&amp;up_mll1="+document.getElementById('mll1').value+"&amp;up_mlt1="+document.getElementById('mlt1').value+"&amp;up_mli1h="+document.getElementById('mli1h').value+"&amp;up_mli2="+document.getElementById('mli2').value+"&amp;up_mll2="+document.getElementById('mll2').value+"&amp;up_mlt2="+document.getElementById('mlt2').value+"&amp;up_mli2h="+document.getElementById('mli2h').value+"&amp;up_mli3="+document.getElementById('mli3').value+"&amp;up_mll3="+document.getElementById('mll3').value+"&amp;up_mlt3="+document.getElementById('mlt3').value+"&amp;up_mli3h="+document.getElementById('mli3h').value+"&amp;up_mli4="+document.getElementById('mli4').value+"&amp;up_mll4="+document.getElementById('mll4').value+"&amp;up_mlt4="+document.getElementById('mlt4').value+"&amp;up_mli4h="+document.getElementById('mli4h').value+"&amp;up_mlwt="+document.getElementById('mlwt').value+"&amp;up_mlhome="+document.getElementById('mlhome').value+"\" frameborder=\"0\" noresize scrolling=\"no\" align=\"middle\"  width=\""+document.getElementById('mliw').value+"\" height=\""+document.getElementById('mlih').value+"\"><\/iframe><\/center>";
document.getElementById('generatedcode').value = "<center\/><iframe src=\"http://www.gmodules.com/ig/ifr?url=http://widgetad.googlecode.com/svn/widgetad/widget/tools/myilink/myilink_1-1.xml&amp;up_mlbr="+document.getElementById('mlbr').value+"&amp;up_mlrh="+document.getElementById('mlrh').value+"&amp;up_mlro="+document.getElementById('mlro').value+"&amp;up_mlb="+document.getElementById('mlb').value+"&amp;up_mlbc="+document.getElementById('mlbc').value+"&amp;up_mlbs="+document.getElementById('mlbs').value+"&amp;up_mli0="+document.getElementById('mli0').value+"&amp;up_mll0="+document.getElementById('mll0').value+"&amp;up_mlt0="+document.getElementById('mlt0').value+"&amp;up_mli0h="+document.getElementById('mli0h').value+"&amp;up_mli1="+document.getElementById('mli1').value+"&amp;up_mll1="+document.getElementById('mll1').value+"&amp;up_mlt1="+document.getElementById('mlt1').value+"&amp;up_mli1h="+document.getElementById('mli1h').value+"&amp;up_mli2="+document.getElementById('mli2').value+"&amp;up_mll2="+document.getElementById('mll2').value+"&amp;up_mlt2="+document.getElementById('mlt2').value+"&amp;up_mli2h="+document.getElementById('mli2h').value+"&amp;up_mli3="+document.getElementById('mli3').value+"&amp;up_mll3="+document.getElementById('mll3').value+"&amp;up_mlt3="+document.getElementById('mlt3').value+"&amp;up_mli3h="+document.getElementById('mli3h').value+"&amp;up_mli4="+document.getElementById('mli4').value+"&amp;up_mll4="+document.getElementById('mll4').value+"&amp;up_mlt4="+document.getElementById('mlt4').value+"&amp;up_mli4h="+document.getElementById('mli4h').value+"&amp;up_mlwt="+document.getElementById('mlwt').value+"&amp;up_mlhome="+document.getElementById('mlhome').value+"\" frameborder=\"0\" noresize scrolling=\"no\" align=\"middle\"  width=\""+document.getElementById('mliw').value+"\" height=\""+document.getElementById('mlih').value+"\"><\/iframe><\/center>";
document.getElementById('bloggercode').value = "<center\/><iframe src=\"http://www.gmodules.com/ig/ifr?url=http://widgetad.googlecode.com/svn/widgetad/widget/tools/myilink/myilink_1-1.xml&amp;up_mlbr="+document.getElementById('mlbr').value+"&amp;up_mlrh="+document.getElementById('mlrh').value+"&amp;up_mlro="+document.getElementById('mlro').value+"&amp;up_mlb="+document.getElementById('mlb').value+"&amp;up_mlbc="+document.getElementById('mlbc').value+"&amp;up_mlbs="+document.getElementById('mlbs').value+"&amp;up_mli0="+document.getElementById('mli0').value+"&amp;up_mll0="+document.getElementById('mll0').value+"&amp;up_mlt0="+document.getElementById('mlt0').value+"&amp;up_mli0h="+document.getElementById('mli0h').value+"&amp;up_mli1="+document.getElementById('mli1').value+"&amp;up_mll1="+document.getElementById('mll1').value+"&amp;up_mlt1="+document.getElementById('mlt1').value+"&amp;up_mli1h="+document.getElementById('mli1h').value+"&amp;up_mli2="+document.getElementById('mli2').value+"&amp;up_mll2="+document.getElementById('mll2').value+"&amp;up_mlt2="+document.getElementById('mlt2').value+"&amp;up_mli2h="+document.getElementById('mli2h').value+"&amp;up_mli3="+document.getElementById('mli3').value+"&amp;up_mll3="+document.getElementById('mll3').value+"&amp;up_mlt3="+document.getElementById('mlt3').value+"&amp;up_mli3h="+document.getElementById('mli3h').value+"&amp;up_mli4="+document.getElementById('mli4').value+"&amp;up_mll4="+document.getElementById('mll4').value+"&amp;up_mlt4="+document.getElementById('mlt4').value+"&amp;up_mli4h="+document.getElementById('mli4h').value+"&amp;up_mlwt="+document.getElementById('mlwt').value+"&amp;up_mlhome="+document.getElementById('mlhome').value+"\" frameborder=\"0\" noresize scrolling=\"no\" align=\"middle\"  width=\""+document.getElementById('mliw').value+"\" height=\""+document.getElementById('mlih').value+"\"><\/iframe><\/center>";
}
makechanges();
</script>
</body></html>

